<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

    <title>找房无忧-租房详情页</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/rentalList.css"/>
</head>
<body>
<!--头部-->
<header>
    <h1><a href="#"><img src="image/index/logo.jpg" alt=""/></a></h1>
    <div class="icon">
        <a href="#"><img src="image/index/my.jpg" alt=""/></a>
        <a href="#"><img src="image/index/xiazai.jpg" alt=""/></a>
    </div>
</header>
<!--大图-->
<section class="rentalAddr">
    <p><strong>首页</strong> > <span>北京租房</span> > <span>房源信息</span></p>
</section>
<!--banner和主要房源信息-->
<section class="rentalpart1">
    <div class="banner">
        <a href="#"><img class="img" src="image/rentalList/banner.png" alt=""/></a>
        <div class="share"><span>分享</span></div>
    </div>
    <div class="mianText">
        <h2>天鹅湾小区精装两居，满五唯一，业主换房急售</h2>
        <a href="#">关注</a>
    </div>
    <ul class="houseMes1">
        <li>
            <div>租金</div>
            <div>2300元/月</div>
        </li>
        <li>
            <div>房型</div>
            <div>2室1厅</div>
        </li>
        <li>
            <div>面积</div>
            <div>204平米</div>
        </li>
    </ul>
    <ul class="houseMes2">
        <li>
            <div><span>楼层：</span><span>高楼/17层</span></div>
            <div><span>朝向：</span><span>南北</span></div>
        </li>
        <li>
            <div><span>装修：</span><span>精装</span></div>
            <div><span>供暖：</span><span>集体供暖</span></div>
        </li>
        <li>
            <div><span>年代：</span><span>2007年</span></div>
            <div><span>楼型：</span><span>板楼</span></div>
        </li>
    </ul>
</section>

<!--经纪人房评-->
<section class="rentalpart2 public">
    <h2>经纪人房评</h2>
    <p>地理位置：晶都国际处于酒仙桥中心地带，毗邻
        北京三大商圈，紧邻丽都商圈，隔四环与望京商
        圈相望，西南紧挨燕莎商圈，地理位置优越。周
        边配套：颐堤港商业中心，兆维大厦...</p>
</section>

<!--看房客户记录-->
<section class="public rentalpart3">
    <h2>看房客户记录</h2>
    <p>近一个月新增<span>0</span>位看房客户，共<span>50</span>位</p>
</section>

<!--位置及周边-->
<section class="public rentalpart4">
    <h2>位置及周边</h2>
    <div>
        <h3>地址: [黄村]时代龙和</h3>
        <img src="image/rentalList/map.png" alt=""/>
    </div>
</section>

<!--小区成交历史-->
<section class="public rentalpart5">
    <h2>小区成交历史</h2>
    <p>3 室 2 厅，146 平米，<span>5000 元</span></p>
    <p>签约日期：2015-02-26</p>
</section>

<!--小区成交历史-->
<section class=" rentalpart6">
    <div class="man">
        <img src="image/rentalList/man.png" alt=""/>
        <div>
            <p>张三</p>
            <p>4001581855转0008</p>
        </div>
    </div>
    <div class="phone">
        <a href="#">致电</a>
        <a href="#">短信</a>
    </div>
</section>

<!--版权底部-->
<footer class="copyright">
    <h2>北京找房无忧 > 首页</h2>
    <div class="content">
        <ul>
            <li>
                <img src="image/index/apple.png" alt=""/>
                <div>
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </li>
            <li>
                <img src="image/index/android.png" alt=""/>
                <div>
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </li>
        </ul>
        <div class="text">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160812号</p>
        </div>
    </div>
</footer>
<script src="js/rem.js"></script>
</body>
</html>
